Bug? Flash of white when changing orientation on iOS Safari [migrated]

Posted by Baumr on Pro Webmasters See other posts from Pro Webmasters or by Baumr
Published on 2012-11-30T14:29:38Z Indexed on 2012/11/30 17:20 UTC
Read the original article Hit count: 217

Filed under:

mobile

|

chrome

|

safari

|

responsive-webdesign

|

media-queries

What causes the flash of white to the right of a responsive design when changing orientation from portrait to landscape on iOS?

Try it on iOS6 Safari:

Websites like this don't do it: http://html5boilerplate.com
But this one does: http://www.initializr.com

Something to do with re-processing (CPU lag) to fit a wider screen?

It doesn't happen in Chrome for iOS6...

Update: I just removed all img and from my testing site, but it still happens. This seems to happen with a lot of different websites out there. Is it a bug with their code, or a Safari for iOS bug? Others are completely immune to it...

© Pro Webmasters or respective owner

Related posts about mobile

Cloud MBaaS : The Next Big Thing in Enterprise Mobility

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In this blog post, I will take a look at Cloud Mobile Backend as a Service (MBaaS) and how we can leverage Cloud based Mobile Backend as a Service for building enterprise mobile apps. Today, mobile apps are incredibly significant in both consumer and enterprise space and the demand for the mobile… >>> More
The broken Promise of the Mobile Web

as seen on West-Wind - Search for 'West-Wind'
High end mobile devices have been with us now for almost 7 years and they have utterly transformed the way we access information. Mobile phones and smartphones that have access to the Internet and host smart applications are in the hands of a large percentage of the population of the world. In many… >>> More
Mobile enabled web apps with ASP.NET MVC 3 and jQuery Mobile

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In my previous blog posts, I have demonstrated a simple web app using ASP.NET MVC 3 and EF Code First. In this post, I will be focus on making this application for mobile devices. A single web site will be used for both mobile browsers and desktop browsers. If users are accessing the web app from… >>> More
How to import Opera Mobile 9 bookmarks into Opera 10 Mobile Beta 3

as seen on Super User - Search for 'Super User'
On my Samsung Saga, I've been using the Opera 9 as my default browser. I just installed Opera 10 Beta 3 and I want to import the Opera 9 bookmarks into Opera 10. How do I do that? >>> More
Oracle Retail Point-of-Service with Mobile Point-of-Service, Release 13.4.1

as seen on Oracle Blogs - Search for 'Oracle Blogs'
Oracle Retail Mobile Point-of-Service was previously released as a standalone product. Oracle Retail Mobile Point-of-Service is now a supported extension of Oracle Retail Point-of-Service, Release 13.4.1. Oracle Retail Mobile Point-of-Service provides support for using a mobile device to perform tasks… >>> More

Related posts about chrome

How To Run Chrome OS in VirtualBox and Try Out Chrome OS Before Buying a Chromebook

as seen on How to geek - Search for 'How to geek'
With Google’s new Chromebooks out at just $249, many people who once wrote them off as too expensive for their limited functionality are giving them a second look. But will you really find Chrome OS useful? You can easily run Chrome OS in a VirtualBox virtual machine, although you’ll need to tweak… >>> More
uninstall google chrome in fedora

as seen on Super User - Search for 'Super User'
Yesterday I installed Fedora 15 Beta with GNOME 3 - it works well. One problem though is that I installed Chrome 32-bit (which was wrong, should have been the 64-bit version) and now I can't uninstall it. I can't find it in Add/Remove Software, and I also can't install the correct version of Chrome… >>> More
Chrome does not re-draw properly on Windows 8

as seen on Super User - Search for 'Super User'
There are a lot of problems with Chrome (24.0.1312.14 beta || But all this happened before update also) on Windows 8. Problems and explanations are listed below: Google Chrome re-draw time: When I switch tabs, the window retains the content of the previous tab and displays that even if I move my… >>> More
Chrome Apps Office Hours: Chrome Storage APIs

as seen on Google Code - Search for 'Google Code'
Chrome Apps Office Hours: Chrome Storage APIs Ask and vote for questions: goo.gl You spoke, we listened. Join Paul Kinlan, Paul Lewis, Pete LePage, and Renato Dias to learn about the new storage APIs that are available to Chrome Packaged Apps in the next installment of Chrome Apps Office Hours. We'll… >>> More
Google dévoile Chrome Webstore et Chrome OS, "l'heure du cloud computing est arrivée" déclare Eric Schmidt

as seen on Developper.com - Search for 'Developper.com'
Google dévoile Chrome Webstore et Chrome OS, "l'heure du cloud computing est arrivée", déclare Eric Schmidt Il y a quelques minutes à peine que vient de s'achever un évènement majeur : Google a tenu une grande conférence, retransmise en direct, concernant Chrome OS et ce qui l'entoure… >>> More